<%-- 
    Document   : index
    Created on : Nov 27, 2014, 3:20:25 PM
    Author     : user
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
<head>

<meta charset="utf-8" />
<title>SSA Technology</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link media="screen" charset="utf-8" rel="stylesheet" href="css/base.css" />
<link media="screen" charset="utf-8" rel="stylesheet" href="css/skeleton.css" />
<link media="screen" charset="utf-8" rel="stylesheet" href="css/layout.css" />
<link media="screen" charset="utf-8" rel="stylesheet" href="css/child.css" />
<link href="css/asyncslider_body.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />
<!--[if (IE 6)|(IE 7)]>
    <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen" />
<![endif]-->
<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--><script type="text/javascript" language="javascript" src="js/jquery-1-8-2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.asyncslider.min.js"></script>
<script type="text/javascript" src="js/jquery.carousel.js"></script>
<script type="text/javascript" src="js/jquery.color.animation.js"></script>
<script type="text/javascript" src="js/jquery.prettyPhoto.js" charset="utf-8"></script>
<script type="text/javascript" src="js/default.js"></script>


<!-- color pickers -->
<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>
<!-- end of color pickers -->

</head>

<body><div class="page-wrapper">
        <div class="slug-pattern slider-expand"><div class="overlay"><div class="slug-cut"></div>
            <div class="background-image"></div>
        </div></div>
        <div class="header slider-expand">
            <div class="nav">


                <div class="container">

                    <!-- Standard Nav (x >= 768px) -->
                    <div class="standard">

                        <div class="five column alpha">
                            <div class="logo">
                                <a href="index.html"><img src="logo.png" /></a><!-- Large Logo -->
                            </div>
                        </div>

                        <div class="eleven column omega tabwrapper">
                            <div class="menu-wrapper">
                                <ul class="tabs menu">
                                    <li>
                                       <a href="index.html" class="active"><span>Home</span></a>
                                       
                                    </li>
                                    <li><a href="about.jsp">About</a>
                                       
                                    </li>
                                    <li>
                                        <a href="services.jsp">Services</a>
                                        
                                    </li>
                                    
                                    <li>
                                        <a href="contact.jsp">
                                            Contact
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- Standard Nav Ends, Start of Mini -->

                    <div class="mini">
                        <div class="twelve column alpha omega mini">
                            <div class="logo">
                                <a href="index.html"><img src="images/logoMINI.png" /></a><!-- Small Logo -->
                            </div>
                        </div>

                        <div class="twelve column alpha omega navagation-wrapper">
                            <select class="navagation">
                                <option value="" selected="selected">Site Navagation</option>
                            </select>
                        </div>
                    </div>
                    <!-- Start of Mini Ends -->
                </div>

            </div>

            <div class="shadow"></div>

            <div class="slug">
                <div class="container">
                    <div class="slider-wrapper">
                        <div class="preload">
                            <center><img src="images/design/preloader.gif" /></center>
                        </div>
                        <div class="fallback">
                            <img src="images/async/fallback.png" />
                        </div>
                        <div class="asyncslider-wrapper">
                            <div class="asyncslider hide" id="asyncslider">
                                <div id="slide-01" class="slide">
                                     <div class="container">
                                        <div class="seven columns alpha push">
                                            <h3>Welcome</h3>
                                            <h1>The <strong>SSA Technology</strong> All software Solution!</h1>
                                            <h2>All software and Hardware Services.</h2>
                                            
                                        </div>
                                        <div class="nine columns omega right relative">
                                            <img src="images/monitor.png" class="right monitor absolute scale-with-grid" />
                                            <img src="images/iphone.png" class="right iphone absolute scale-with-grid" />
                                            <img src="images/laptop.png" class="right laptop absolute scale-with-grid" />
                                        </div>
                                    </div>
                                </div>

                                <div id="slide-02" class="slide">

                                     <div class="container">
                                        <div class="seven columns alpha push">
                                            <h3>Introducing 2:</h3>
                                            <h1>The <strong>Ultimate</strong> Modern Website Solution!</h1>
                                            <h2>Lorem Ipsum Dolar Sit Amet.</h2>
                                            <div id="button">
                                                <a href="#"><img src="images/button-slider.png" /></a>
                                            </div>
                                        </div>
                                        <div class="nine columns omega right relative">
                                            <img src="images/monitor.png" class="right monitor absolute scale-with-grid" />
                                            <img src="images/iphone.png" class="right iphone absolute scale-with-grid" />
                                            <img src="images/laptop.png" class="right laptop absolute scale-with-grid" />
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="body">
            <div class="body-round"></div>
            <div class="body-wrapper">
                <div class="side-shadows"></div>
                <div class="content">
                    <div class="container callout">

                        <div class="twelve columns">
                            <h4>Welcome to <span>SSA Technology</span> - We Build <span>Professional</span> Website Designs!</h4>
                            <p class="subtitle">Enzyme is a unique and responsive theme. Sed volutpat lacinia fringilla.</p>
                        </div>

                        <!--<div class="four columns button-wrap">
                            <div class="wrapper"><a href="#" class="medium-button"><span>Buy Enzyme!</span></a></div>
                        </div>-->
                    </div>
                    <div class="callout-hr"></div>
                    <div class="container">

                        <div class="sixteen circles columns">
                            <ul>
                                <li class="columns">
                                    <a href="#">
                                        <div class="icon iphone">
                                            <div class="content">
                                                <div class="symbol"></div>
                                                <h5>Software</h5>
                                                <span class="hr"></span>
                                                <p>Aliquam non nibh felis. Sed nec hendrerit nibh. Suspendisse est </p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <li class="columns">
                                    <a href="#">
                                        <div class="icon buoy">
                                            <div class="content">
                                                <div class="symbol"></div>
                                                <h5>Tech Support</h5>
                                                <span class="hr"></span>
                                                <p>Aliquam non nibh felis. Sed nec hendrerit nibh. Suspendisse est </p>
                                            </div>
                                        </div>
                                    </a>
                                </li>

                                <li class="columns">
                                    <a href="#">
                                        <div class="icon client">
                                            <div class="content">
                                                <div class="symbol"></div>
                                                <h5>Hardware</h5>
                                                <span class="hr"></span>
                                                <p>Aliquam non nibh felis. Sed nec hendrerit nibh. Suspendisse est </p>
                                            </div>
                                        </div>
                                    </a>
                                </li>

                                <li class="columns last-child">
                                    <a href="#">
                                        <div class="icon trophy">
                                            <div class="content">
                                                <div class="symbol"></div>
                                                <h5>Data Entry</h5>
                                                <span class="hr"></span>
                                                <p>Aliquam non nibh felis. Sed nec hendrerit nibh. Suspendisse est </p>
                                            </div>
                                        </div>
                                    </a>
                                </li>
                                <div class="clear"></div>
                            </ul>
                        </div>
                        <div class="sixteen columns">
                            <!-- carousel starts -->
                            <div class="slidewrap">
                            	<div class="title-wrapper">
                                    <div class="section-title">
                                        <h4 class="title">Recent <strong>Projects</strong></h4>
                                    </div>
                                    <ul class="slidecontrols">
                                        <li><a href="#sliderName" class="next">Next</a></li>
                                        <li><a href="#sliderName" class="prev">Prev</a></li>
                                    </ul>
                                    <span class="divider"></span>
                                    <div class="clear"></div>
                                </div>
                                <ul class="slider carousel" id="sliderName">
                                    <li class="slide"><!-- slide starts -->
                                        <div class="one-third column alpha portfolio-item">
                                        	<div class="content">
                                                <div class="border">
                                                    <img class="scale-with-grid" src="images/thirds-woman-executives.jpg" />
                                                    <a href="images/untouched/woman-executives.jpg" class="zoom prettyPhoto"></a>
                                                    <a class="link" href="portfolio-standard-3.html"></a>
                                                </div>
                                                <h5><a href="#">Integer Viverra Ante</a></h5>
                                                <p>Fusce sed ligula at metus semper luctus element sit amet nisl. Aliquam erat volutpat. </p>
                                            </div>
                                            <div class="shadow"></div>
                                        </div>

                                        <div class="one-third column portfolio-item">
                                        	<div class="content">
                                                <div class="border">
                                                   	<img class="scale-with-grid" src="images/thirds-business-model.jpg" />
                                                    <a href="images/untouched/business-model.jpg" class="zoom prettyPhoto"></a>
                                                    <a class="link" href="portfolio-standard-3.html"></a>
                                                </div>
                                                <h5><a href="#">Integer Viverra Ante</a></h5>
                                                <p>Fusce sed ligula at metus semper luctus element sit amet nisl. Aliquam erat volutpat. </p>
                                            </div>
                                            <div class="shadow"></div>
                                        </div>

                                        <div class="one-third column omega portfolio-item">
                                        	<div class="content">
                                                <div class="border">
                                                    <img class="scale-with-grid" src="images/thirds-woman-laptop.jpg" />
                                                    <a href="images/untouched/business-model.jpg" class="zoom prettyPhoto"></a>
                                                    <a class="link" href="portfolio-standard-3.html"></a>
                                                </div>
                                                <h5><a href="#">Integer Viverra Ante</a></h5>
                                                <p>Fusce sed ligula at metus semper luctus element sit amet nisl. Aliquam erat volutpat. </p>
                                            </div>
                                            <div class="shadow"></div>
                                        </div>

                                    </li><!-- slide ends -->
                                    <li class="slide"><!-- slide starts -->
                                        <div class="one-third column alpha portfolio-item">
                                        	<div class="content">
                                                <div class="border">
                                                    <img class="scale-with-grid" src="images/thirds-business-model.jpg" />
                                                    <a href="images/untouched/business-model.jpg" class="zoom prettyPhoto"></a>
                                                    <a class="link" href="portfolio-standard-3.html"></a>
                                                </div>
                                                <h5><a href="#">Integer Viverra Ante</a></h5>
                                                <p>Fusce sed ligula at metus semper luctus element sit amet nisl. Aliquam erat volutpat. </p>
                                            </div>
                                            <div class="shadow"></div>
                                        </div>

                                        <div class="one-third column portfolio-item">
                                        	<div class="content">
                                                <div class="border">
                                                    <img class="scale-with-grid" src="images/thirds-woman-executives.jpg" />
                                                   	<a href="images/untouched/business-model.jpg" class="zoom prettyPhoto"></a>
                                                    <a class="link" href="portfolio-standard-3.html"></a>
                                                </div>
                                                <h5><a href="#">Integer Viverra Ante</a></h5>
                                                <p>Fusce sed ligula at metus semper luctus element sit amet nisl. Aliquam erat volutpat. </p>
                                            </div>
                                            <div class="shadow"></div>
                                        </div>

                                        <div class="one-third column omega portfolio-item">
                                        	<div class="content">
                                                <div class="border">
                                                   <img class="scale-with-grid" src="images/thirds-woman-laptop.jpg" />
                                                    <a href="images/untouched/woman-laptop.jpg" class="zoom prettyPhoto"></a>
                                                    <a class="link" href="portfolio-standard-3.html"></a>
                                                </div>
                                                <h5><a href="#">Integer Viverra Ante</a></h5>
                                                <p>Fusce sed ligula at metus semper luctus element sit amet nisl. Aliquam erat volutpat. </p>
                                            </div>
                                            <div class="shadow"></div>
                                        </div>

                                    </li><!-- slide ends -->
                                </ul>
                            </div><!-- end of carousel -->
                            <span class="empty-hr"></span>

							<div class="two-thirds column alpha">
                            	<div class="title-wrapper">
                                    <div class="section-title">
                                        <h4 class="title">Why Choose Us?</h4>
                                    </div>
                                    <span class="divider"></span>
                                    <div class="clear"></div>
                                </div>
                                <ul class="accordion" id="1">
                                    <li>
                                        <div class="parent first">
                                            <h6><div class="accordion-caption"></div>Orci Rhoncus Sit Amet Consectetur.</h6>
                                        </div>
                                        <div class="tcontent">
                                            Praesent lacus quam, tempus pharetra aliquet vitae, venenatis non risus.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="parent">
                                            <h6><div class="accordion-caption"></div>Integer viverra ante sit amet.</h6>
                                        </div>
                                        <div class="tcontent">
                                            Sit amet sodales neque. Morbi quis erat eros. Sed nec ligula ligula, id euismod mauris. Vestibulum in turpis metus. In volutpat fermentum ligula, et blandit quam ullamcorper quis.
                                        </div>
                                    </li>
                                    <li>
                                        <div class="parent">
                                            <h6><div class="accordion-caption"></div>In Hac Habitasse Platea Dictumst</h6>
                                        </div>
                                        <div class="tcontent">
                                         Duis sed vehicula dolor. Nunc consequat pretium nisl, nec malesuada nisi rutrum vel. Curabitur quis ante egestas sem tempor tempus at non magna. Aenean ultrices luctus metus, ut bibendum enim tincidunt quis. Aenean posuere tristique mauris a semper.
                                        </div>
                                    </li>
                                </ul>
							</div>
                            <div class="one-third column omega">
                            	<div class="title-wrapper">
                                    <div class="section-title">
                                        <h4 class="title">Testimonials</h4>
                                    </div>
                                    <span class="divider"></span>
                                    <div class="clear"></div>
                                </div>
                                <ul class="style-2 slide testimonials clr overlap">
                                    <li>
                                        <div class="quote">
                                        	<p>
                                        		“I am very pleased with your Project Management capability.
                                   Your team has excellent communication skills and a fast response
                                   and turnaround time. Highest work quality. I can say that Acme Level
                                   is a honest and decent group of people with the highest work ethic
                                   I have seen for development team.”
                                            </p>
                                        </div>
                                        <div class="source">
                                        	<img src="images/testimonial.jpg" />
                                        	<strong>Nico Tigulis
                                            	<a href="#">Contact Me</a>
                                            </strong>
                                            <div class="clear"></div>
                                        </div>
                                    </li>
                                    <li>
                                        <div class="quote">
                                        	<p>
                                        	“Very satisfactory and professional approach towards project management.
                                Very good understanding and implementation of clients’ objectives and requirements.”
                                            </p>
                                        </div>
                                        <div class="source">
                                        	<img src="images/testimonial.jpg" />
                                        	<strong>movilwebs
                                            	<a href="#">Contact Me</a>
                                            </strong>
                                            <div class="clear"></div>
                                        </div>
                                    </li>
                                    <li>
                                    	 <div class="quote">
                                        	<p>
                                        		Woo! I wasn't expecting these til tomorrow. You guys rock. We are now using
                                    your product for an enterprise wide customer service/internal monitoring and
                                    reporting tool. We can't wait for the next release! Renaming default fields
                                    is sooo nice. Thanks again!!!
                                            </p>
                                        </div>
                                        <div class="source">
                                        	<img src="images/testimonial.jpg" />
                                        	<strong>Chris Fale
                                            	<a href="#">Contact Me</a>
                                            </strong>
                                            <div class="clear"></div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="clear"></div>
                            <span class="hr"></span>

                            <div class="callout intext">

                                <div class="alpha twelve columns">
                                	<div class="content">
                                        <h4>We are About to Manifest our Empirical Revolution!</h4>
                                        <p class="subtitle">Pellentesque nec tortor nunc, id adipiscing orci.</p>
                                    </div>
                                </div>

                                <div class="omega four columns">
                                   <div class="intext-button">
                                   		<a href="#" class="big-button"><span>Check it Out!</span></a>
                                   </div>
                                </div>

                                <div class="clear"></div>
                            </div>
                            <div class="title-wrapper">
                                <div class="section-title">
                                    <h4 class="title">Our <strong>Clients</strong></h4>
                                </div>
                                <ul class="slidecontrols">
                                    <li><a href="#clientSlider" class="next">Next</a></li>
                                    <li><a href="#clientSlider" class="prev">Prev</a></li>
                                </ul>
                                    <span class="divider"></span>
                            	<div class="clear"></div>
                            </div>
                        </div>

                        <div class="clients columns sixteen slidewrap2">
                            <ul class="slider carousel" id="clientSlider">
                                <li class="slide">
                                    <div class="client alpha">
                                        <a href="#"><img id="transparent" src="images/logo1.png" /></a>
                                    </div>
                                    <div class="client beta">
                                        <a href="#"><img id="transparent" src="images/logo2.png" /></a>
                                    </div>
                                    <div class="client delta">
                                        <a href="#"><img id="transparent" src="images/logo3.png" /></a>
                                    </div>
                                    <div class="client omega">
                                        <a href="#"><img id="transparent" src="images/logo4.png" /></a>
                                    </div>
                                </li>

                                <li class="slide">
                                    <div class="client alpha">
                                        <a href="#"><img id="transparent" src="images/logo2.png" /></a>
                                    </div>
                                    <div class="client beta">
                                        <a href="#"><img id="transparent" src="images/logo3.png" /></a>
                                    </div>
                                    <div class="client delta">
                                        <a href="#"><img id="transparent" src="images/logo4.png" /></a>
                                    </div>
                                    <div class="client omega">
                                        <a href="#"><img id="transparent" src="images/logo1.png" /></a>
                                    </div>
                                </li>
                            </ul>

                        </div>
                        <div class="clear"></div>
                        <div class="sixteen columns">
                       		<span class="hr remove-bottom"></span>
                            <blockquote class="standard bottom">
                                "Making the simple complicated is commonplace; making the complicated simple, awesomely simple, that's creativity" <br />- Charles Mingus
                            </blockquote>
                        </div>
                    </div>
                </div>
            </div><div class="footer style-2">
            	<div class="background"><div class="stitch"></div></div>
                <div class="foot-nav-bg"></div>
            	<div class="content">
                    <div class="patch"></div>
                    <div class="blur"></div>
                    <div class="pattern">
                        <div class="container">
                        	<div class="stitch"></div>
                            <div class="sixteen columns">
                                <div class="first column alpha">

                                    <div class="left">
                                        <div class="logo-caption"></div>
                                        <h5>Enzyme</h5>
                                        <p>
                                            Integer eu ante in arcu viverra vehicula donec tempus consequat faucibus. Donec ne thomp nibh egestas suscipit. Donec sed lacus at massa lorem
                     pharetra id eleifend leo.
                     					</p>
                                        <p class="extra">
                                            Pellentesque quis felis neque, id adipiscing nunc. Ipsum elit, vitae tempus tellus. Class aptent taciti sociosq desis torquent per conubia nostra, per inceptos himenae dolar eget lacinia sem.
                                        </p>
                                    </div>
                                </div>
                                <div class="column ct">
                                    <h5>Recent Tweets:</h5>
                                    <ul class="twitter" id="twitter_update_list"><li>Twitter is loading</li></ul>
                                </div>
                                <div class="last column omega">
                                    <h5>Join our Mailing List</h5>

                                    <div class="input-wrapper">
                                        <input type="text" placeholder="Email..." id="email" name="email" />
                                    </div>
                                    <div class="right">
                                    	<a href="#" class="button color"><span>Join</span></a>
                                    </div>
                                    <div class="clear"></div>
                                    <span class="hr"></span>
                                    <h5>Stay in Touch</h5>
                                    <ul class="sm foot">
                                        <li class="facebook"><a href="#facebook">Facebook</a></li>
                                        <li class="twitter"><a href="#twitter">LinkedIn</a></li>
                                        <li class="linkedin"><a href="#linkedin">Pinterest</a></li>
                                        <li class="pinterest"><a href="#pinterest">Pinterest</a></li>
                                        <li class="dribbble"><a href="#dribbble">Pinterest</a></li>
                                        <li class="flickr"><a href="#flickr">Pinterest</a></li>
                                        <li class="flavors"><a href="#flavors">Pinterest</a></li>
                                    </ul>
                                </div>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <div class="sixteen columns alpha omega">
                        	<div class="foot-nav-bg"></div>
                            <div class="foot-nav">
                                <div class="copy">
                                    Coptyright © 2014. SSA Technology Nagpur.
                                </div>
                                <div class="nav">
                                    <a href="#">Home</a>
                                    <a href="#">Portfolio</a>
                                    <a href="#">Contact Us</a>
                                    <a href="#">Terms of Use</a>
                                    <a href="#">Privacy</a>
                               	</div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
    </div>

    <script type="text/javascript">
    <!--
        $(window).load(function(){
            // Setup Slider
            $(".asyncslider.hide").fadeIn(600);
            $(".asyncslider").asyncSlider({
                keyboardNavigate: true,
                autoswitch: 4000,
                slidesNav: true,
                easing: 'easeInOutExpo',
                minTime: 700,
                maxTime: 1600,
            });

            $("a[class^='prettyPhoto']").prettyPhoto({social_tools: '' });
        });
        $(document).ready(function() {
            $('.slidewrap, .slidewrap2').carousel({
                slider: '.slider',
                slide: '.slide',
                slideHed: '.slidehed',
                nextSlide : '.next',
                prevSlide : '.prev',
                addPagination: false,
                addNav : false
            });
			$('.slide.testimonials').contentSlide();
        });
    // -->
    </script>
	<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
    <script type="text/javascript" src="http://api.twitter.com/1/statuses/user_timeline/EmpiricalThemes.json?callback=twitterCallback2&count=2"></script>
	</div>
</body>

</html>